@import "../common/_common.scss";
/* 列表公用 */
.floor{
  width: $px1190;
  margin: 0 auto 32px;
  overflow: hidden;
  .tit{
  	font-size:$px24;
  	font-weight: 100;
    margin-bottom: 10px;
  }
}
.index-icon{
 background: url(../../img/index-icon.png) no-repeat;
 display: inline-block;
}
.icon-tip{
   position: absolute;
   top:0;
   left:0;
   line-height: 18px;

  }
.tip-text{
   font-style:normal;
   font-size:$px12;
   color: $cfff;
   background:#ed888c;
   padding:0 3px 0 4px;
   display:inline-block;
   line-height: 18px;
   max-width: 140px;
   height: 18px;
   overflow: hidden; 
}
.icon-favorable{
  width: 6px;
  height: 18px;
  background-position:-75px -25px;
  vertical-align: top;
}

  .small-list{
    padding-left:0px;
    .item{
      float: left;
      display: inline-block;      
      padding:39px 0 0;
      text-align: center;
      position: relative;
      width: 160px;
      em{
      font-size: $px12;
      font-weight: 100; 
      }
      .small-img{
        width: 140px;
        height: 140px;
        margin-top: 5px;
      }
      p{
        height:20px;
        font-size: 14px;
      }      
      &:last-child{
        border-right:none; 
       }
      a{
       text-decoration: none;
       color: $c333; 
      } 
      img{
        display: inline-block;
        -webkit-transition: -webkit-transform .2s linear 0s;
        transition: transform .2s linear 0s 
      }
      &:hover img{
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);  
      }     
    }    
  }
.small-list .item p.mprice{
  font-size:12px;
  color: $c999;
  margin-top: 6px;
}
.text-line{
  text-decoration: line-through;
} 
/* 品质车享 */
 .has-item{
    padding: 40px 10px 9px 20px;
    width: 307px;    
    display: block;
    color: $c333;
    border-bottom:1px solid #f0f0f0;
    &:hover .ser-img{
      -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
      transform: translateY(-5px);
    }
   &:hover .q-text{
    color: #333;
   } 
  }
  .sub-tit{
    float: left;
    margin-top:$px10;
    width: 130px;
    p{
      height: 20px;
      overflow: hidden;
    }
    .q-text{ font-size: 14px; margin-bottom: 5px;}
    .mprice{ font-size: 12px; color: #999}
  }   
  .ser-img{
    float: right;
    display: inline-block;
    -webkit-transition: -webkit-transform .2s linear 0s;
    transition: transform .2s linear 0s
  }
.ser-tit{
     width: 120px;
     height: $px30;
     line-height:$px30; 
     background: #ffcb5c;
     color: $cfff;
     text-align: center;
     font-size: $px16;
     margin: 0 auto;  
   }
  .light-blue{
    background: #5ccfff;
  }
.quality-icon{
  width: $px24;
  height: $px24;
  background-position:0 -56px;
  margin-right:$px12;
  margin-top: -4px;
}
.quality-car{
  width:$px1190;
}
.service,.enjoy-like{
  width: 330px;
  float: left;
  background: $cfff;
  font-size: $px16;
  height: 500px;
  em{
      font-size: $px12;
      font-weight: 100; 
    }
}

.line{
  width: 1px;
  height: 194px;
  border-left:1px dotted #ccc;
  float: left;
  margin-top: 31px;
}
/* 享你喜欢 */
.enjoy-like{
  width: 510px;
  background: $cfff;
  float: left;
  height: 500px;
  margin-left: $px10;
  font-size:$px16; 
  .pink{
    background:#ff8d71; 
  }
  .like-list{
    margin: 0 4px;
  }
  .like-wrap{
    border-bottom: 1px solid #f0f0f0;
    margin-top: 43px;
    padding-bottom: 6px;
    li{
      float: left;
      width: 236px;
      margin-left: $px10;
      &:hover img{
      -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
      transform: translateY(-5px); 
      }
    }
    img{
      -webkit-transition: -webkit-transform .2s linear 0s;
      transition: transform .2s linear 0s 
    }
    a,img{ display:block}
    .like-line{
     width: 1px;
     height: 156px;
     border-left:1px dotted #ccc;
    }
  } 
}
.bigImg{
  width: 170px;
  height: 170px;
}



































